<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <form>
    <fieldset>
      <legend>基本信息</legend>
      <div>
        <label for="username">姓名</label>
        <input id="username" type="text" placeholder="请输入姓名">
      </div>

      <div>
        <label for="age">年龄</label>
        <input id="age" type="number" placeholder="请输入年龄">
      </div>

      <div>
        性别
        <input id="gender1" type="radio" name="gender" checked> <label for="gender1">男</label>
        <input id="gender2" type="radio" name="gender"> <label for="gender2">女</label>
      </div>
    </fieldset>

    <fieldset>
      <legend>其他信息</legend>
      <div>
        爱好
        <input type="checkbox" id="html"> <label for="html">HTML</label>
        <input type="checkbox" id="css"> <label for="css">CSS</label>
        <input type="checkbox" id="js"> <label for="js">JS</label>
      </div>
      <div>
        城市
        <select>
          <option>南京</option>
          <option>上海</option>
          <option>无锡</option>
          <option>苏州</option>
        </select>
      </div>

      <div>
        <label for="desc">简介</label>
        <textarea placeholder="介绍下自己"></textarea>
      </div>
    </fieldset>

    <button type="button">提交</button>
  </form>
</body>

</html>